/*底部盒子*/
.footer-box {
    background: #333;
    color: #fff;
    margin-top: 64px;
    padding: 32px 0;
}

/*外链样式*/
.footer-a {
    /*display: block;*/
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 32px 0;
    color: #FFFFFF;
}

.footer-text {
    line-height: 48px;
    margin-left: 10px;
}

/*外链图片做色差效果*/
.footer-img {
    transition: all 0.3s ease;
    filter: grayscale(100%);
    /*opacity: 0.66;*/
    width: 48px;
    height: 48px;
}

.footer-a:hover {
    color: #FFFFFF;
}

.footer-a:hover .footer-img {
    filter: none;
    /*opacity: 1;*/
}

.footer-a a:link {
    color: #FFFFFF;
}

@media (max-width: 576px) {
    .footer-box {
        padding: 0;
    }

    .footer-text {
        display: none;
        margin-left: 0;
    }

    .footer-img {
        filter: none;
        width: 48px;
        height: 48px;
    }
}